<template>
  <div :name="title" :line="line" :no-line-height="noLineHeight">
    <slot slot="append" name="append"></slot>
    <div class="zeda-grids"><slot></slot></div>
  </div>
</template>
<script>
import Title from "@/components/Title";
export default {
  components: {
    Title,
  },
  props: {
    /*
     * 是否需要线条
     */
    line: { type: Boolean, default: true },
    /*
     * 标题
     */
    title: { type: String, default: "" },
    /*
     * 子组件调用的数据集
     */
    data: { type: [Array, Object], default: () => {} },
    /*
     * 一行显示列数
     */
    columnNum: { type: [Number, String], default: 1 },
    /*
     * 名称父宽度
     */
    labelWidth: { type: String, default: "80px" },
    /*
     * 对齐方式
     */
    align: { type: String, default: "left" },
    /*
     * 样式大小
     */
    size: { type: String, default: "small" },
    /*
     * 是否需要内外填充
     */
    noLineHeight: { type: Boolean, default: false },
  },
  provide() {
    return {
      elInfo: this,
    };
  },
};
</script>
<style lang="scss" scoped>
.zeda-grids {
  display: flex;
  flex-wrap: wrap;
}
</style>
